.top {
  height: 436rpx;
  background-image: url(https://m.bjclb.cn/assets/backgroundsmart.png);
  background-size: 100% 100%;
  text-align: center;
}
.top{
	padding-top: 40rpx;
}
.top_title{
	font-weight: bold;
	font-size: 80rpx;
	margin-top: 40rpx;
}
.off_title{
  padding: 10rpx 0 10rpx 0;
  margin-bottom:20rpx;
}
.off-line{
	height: 60rpx;
	background: rgba(255,255,255,0.2);
	border-radius: 30rpx;
	border: 1rpx solid #FFFFFF;
  padding: 18rpx 50rpx;
}
.top_num{
	margin-top: 51rpx;
	.f32{
		padding-bottom: 19rpx;
	}
}

.massage {
	padding-left: 21rpx;
	position: relative;
	text-align: left;
}
.massage::after{
	position: absolute;
	content: "";
	width: 8rpx;
	height: 28rpx;
	background: linear-gradient(0deg, #3171FF 0%, #85AAFD 100%);
	left: 0;
	top: 50%;
  transform: translate(-50%,-50%);
}
.campus{
  text-align: center;
	margin-top: 20rpx;
	background-color: #fff;
	padding: 40rpx 30rpx;
	image{
		width: 24rpx;
		height: 24rpx;
		margin-right: 8rpx;
	}
	.f24{
		width: 170rpx;
		padding: 26rpx 20rpx 20rpx 20rpx;
		border-radius: 14rpx;
	}
	.d-f{
		margin-bottom: 10rpx;
	}
	.massage{
		margin-bottom: 29rpx;
	}
}
.class_data{
	margin-top: 20rpx;
	background-color: #fff;
	padding: 40rpx 30rpx;
	.massage{
		margin-bottom: 38rpx;
	}
	image{
		width: 24rpx;
		height: 24rpx;
		margin-right: 8rpx;
	}
	.class_list{
    text-align: center;
		width: 33%;
		border-right: 1px dashed #DEDEDE;
		border-bottom: 1px dashed #DEDEDE;
		height: 140rpx;
	}
	.f24{
		display: flex;
		flex-wrap: wrap;
		.class_list:nth-child(3n){
			border-right: 0;
		}
		.class_list:nth-child(n + 4){
			border-bottom: 0;
		}
	}
	.j-c{
		margin-top: 15rpx;
	}
	.f-w{padding-top: 10rpx;}
}